<!--
 * @Descripttion: 
 * @version: 
 * @Author: captern@icloud.com
 * @Date: 2023-05-08 15:00:05
 * @LastEditors: captern
 * @LastEditTime: 2023-05-09 13:21:39
-->
<template>
  <div class="content-container">
    <a-button></a-button>
    <a-layout>
      <a-layout-header class="header">
        <div class="page-title">
          <router-link to="/">
            <img alt="快享" class="logo-img" />
          </router-link>
        </div>
      </a-layout-header>
    </a-layout>
    <TemplateList :list="testData" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
// import { useStore } from 'vuex'
import TemplateList from '@/components/TemplateList.vue'
const testData = ref<any>([])
// import { GlobalDataProps } from '../store'
// export default defineComponent({
//   components: {
//     TemplateList
//   },
//   setup() {
//     // const store = useStore<GlobalDataProps>()
//     const show = ref(false)
//     // const testData = computed(() => store.state.templates.data)

//     const testData: never[] = []
//     onMounted(() => {
//       // store.dispatch('fetchTemplates')
//     })

//     return {
//       show,
//       testData
//     }
//   }
// })
</script>

<style lang="scss" scoped></style>
